<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Title</title>

    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/simplebar@latest/dist/simplebar.css" /> -->
    <link rel="stylesheet" href="dist/css/quicktab.css">
    <style>
        .quicktab-list-group {
            display: inline-block;
        }

        .quicktab-list-group li.separator:last-child {
            /* 添加你的样式规则 */
            display: none;
            /* 例如：设置背景颜色 */
        }
    </style>

</head>

<body>


    <ul class="quicktab-list-group">
        <li class="close-active">
            <span>关闭当前</span>
        </li>
        <li class="close-other">
            <span>关闭其它</span>
        </li>
        <li class="close-left">
            <span>关闭左侧</span>
        </li>
        <li class="close-right">
            <span>关闭右侧</span>
        </li>
        <li class="close-all">
            <span>关闭全部</span>
        </li>
        <li class="separator"></li>
        <li class="refresh">
            <span>重新加载</span>
        </li>
        <li class="refresh">
            <span>重新加载</span>
        </li>
        <li class="refresh">
            <span>重新加载</span>
        </li>
        <li class="center-active">
            <span>回到当前</span>
        </li>
        <li class="center-active">
            <span>回到当前</span>
        </li>
        <li class="new-blank">
            <span>新窗口打开</span>
        </li>
        <li class="separator"></li>
    </ul>

    <script src="https://cdn.jsdelivr.net/npm/simplebar@6.2.6/dist/simplebar.min.js"></script>

    <script>
        new SimpleBar(document.querySelector('.quicktab-list-group'), {
            scrollbarMaxSize: 100,
            autoHide: false
        })
    </script>

</body>

</html>
